import React, { useState, useEffect } from 'react'
import { CardWrap, ContentWrap } from './Style.js'
import { Card } from 'antd'
import Bar1 from './components/Bar1.js'
import Bar2 from './components/Bar2.js'
import Bar3 from './components/Bar3.js'
function BarComponent() {
  return (
    <ContentWrap>
      <CardWrap>
        <Card title="Echarts使用">
          <p>主要是测试在React中使用百度Echarts</p>
        </Card>
      </CardWrap>
      <CardWrap>
        <Card title="Echarts,柱状图基础">
          <Bar1></Bar1>
          <Bar2></Bar2>
          <Bar3></Bar3>
        </Card>
      </CardWrap>
    </ContentWrap>
  )
}

export default BarComponent
